<template>
<<<<<<< HEAD
	<view class="container">

		<swiper :indicator-dots="true" :autoplay="true" :interval="1000" :duration="1000">
			<swiper-item v-for="item,index in list">
				<view class="swiper-item">
					<image style="width: 100%;height: 240px;" :src="'../../static'+item.icon" mode=""></image>

=======
	<view class="content">
		<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item v-for="(item,index) in list">
				<view class="swiper-item">
					<image :src="'../../static' + item.icon" mode="" style="width: 100%;height:200px;"></image>
>>>>>>> d747fee (作业13)
				</view>
			</swiper-item>
		</swiper>

<<<<<<< HEAD
		<uni-section title="菜品类别" sub-title="" type="square">
			<uni-grid :column="4">
				<uni-grid-item v-for="item,index in typelist" :index="item.id">
					<view style="
						display: flex;  
						flex-direction: column;
						align-items: center; 
						justify-content: space-evenly;
						width: 100%; 
						height: 100%;">
						<image :src="'../../static'+item.icon"
						 mode="aspectFill"
						style="width:100rpx; height: 100rpx; "></image>
						<text>{{item.typename}}</text>
					</view>
				</uni-grid-item>

				<uni-grid-item></uni-grid-item>
			</uni-grid>
		</uni-section>

=======
		<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
			<swiper-item>
				<view class="swiper-item">
					<uni-section title="留言列表" sub-title="" type="line">
						<uni-list v-for="item,index in message">
							<uni-list-item :title="item.title" note="" clickable @click="tomessage"></uni-list-item>
						</uni-list>
					</uni-section>
				</view>
			</swiper-item>
			<swiper-item>
				<view>
					<uni-section title="菜品列表" sub-title="" type="line">
						<uni-grid :column="5">
							<uni-grid-item v-for="(item,index) in typelist">
								<view class="item">
									<image :src="'../../static' + item.icon" mode="widthFix" style="width: 100rpx;">
									</image>
									<view class="typename">{{item.typename}}</view>
								</view>
							</uni-grid-item>
						</uni-grid>
					</uni-section>
				</view>
			</swiper-item>
		</swiper>
>>>>>>> d747fee (作业13)
	</view>
</template>

<script>
	export default {
		data() {
			return {
<<<<<<< HEAD

				"list": [{
						"id": 1,
						"name": "烤鸭",
						"type": "肉类",
						"icon": "/food/1.png",
						"description": "烤鸭是北京和南京的一道特色名菜,属于北京菜或金陵菜,该菜品以色泽红艳,肉质细嫩,味道醇厚,肥而不腻的特色,被誉为“天下美味”而驰名中外,其色泽略黄,柔软淡香,夹卷其他荤素食物食用,为宴席常用菜点,更是家常风味美食。",
						"price": 88.5
					},
					{
						"id": 2,
						"name": "回锅肉",
						"type": "肉类",
						"icon": "/food/2.png",
						"description": "回锅肉，是一种四川传统菜式中家常（味型）菜肴的代表菜肴之一，属于川菜系列。制作原料主要有猪后臀肉（二刀肉）、青椒、蒜苗等，口味独特，色泽红亮，肥而不腻。回锅肉起源四川农村地区。古代时期称作油爆锅，四川地区大部分家庭都会制作。所谓回锅，就是再次烹调的意思。",
						"price": 12.5
					},
					{
						"id": 3,
						"name": "茄子",
						"type": "蔬菜",
						"icon": "/food/3.png",
						"description": "油淋茄子以茄子、鸡蛋、肉末、粉丝等为食材制成的一道精美的平民美食。",
						"price": 20.5
					},
					{
						"id": 4,
						"name": "宫保鸡丁",
						"type": "肉类",
						"icon": "/food/4.png",
						"description": "宫保鸡丁选用鸡肉为主料，佐以花生米、辣椒等辅料烹制而成；红而不辣、辣而不猛、香辣味浓、肉质滑脆；其入口鲜辣，鸡肉的鲜嫩可以配合花生的香脆。",
						"price": 34.5
					}
				],

				"typelist": [{
						"id": 1,
						"typename": "鱼类",
						"icon": "../../static/images/fish.png"
					},
					{
						"id": 2,
						"typename": "肉类",
						"icon": "../../static/images/meat.png"
					},
					{
						"id": 3,
						"typename": "菌菇类",
						"icon": "../../static/images/mashroom.png"
					},
					{
						"id": 4,
						"typename": "豆制品",
						"icon": "../../static/images/bean.png"
					},
					{
						"id": 5,
						"typename": "蔬菜",
						"icon": "../../static/images/vegitable.png"
					},
					{
						"id": 6,
						"typename": "酒水",
						"icon": "../../static/images/drink.png"
					},
					{
						"id": 7,
						"typename": "火锅",
						"icon": "../../static/images/hotpot.png"
					},
					{
						"id": 8,
						"typename": "更多",
						"icon": "../../static/images/more2.png"
					}]
			}
=======
				message: [],
				"typelist": [{
						"id": 1,
						"typename": "新闻",
						"icon": "/images/新闻.png"
					},
					{
						"id": 2,
						"typename": "公告",
						"icon": "/images/公告.png"
					},
					{
						"id": 3,
						"typename": "同学",
						"icon": "/images/同学录.png"
					},
					{
						"id": 4,
						"typename": "电话",
						"icon": "/images/电话.png"
					},
					{
						"id": 5,
						"typename": "留言",
						"icon": "/images/留言.png"
					}
				],
				"list": [{
						"id": 1,
						"icon": "/images/1.jpg"
					},
					{
						"id": 2,
						"icon": "/images/2.png"
					},
					{
						"id": 3,
						"icon": "/images/3.png"
					},
					{
						"id": 4,
						"icon": "/images/4.jpg"
					}
				]
			}
		},
		methods: {
			tomessage() {
				uni.switchTab({
					url: '/pages/message/message'
				})
			},
		},
		onLoad() {
			uni.request({
				url: 'http://localhost:8090/freshmenapp/message/list',
				method: 'POST',
				data: {},
				success: res => {
					console.log(res.data.list);
					if (res.data.success === true) {
						this.message = res.data.list.slice(0,2)
					}
				},
				fail: () => {},
				complete: () => {}
			});
>>>>>>> d747fee (作业13)
		}
	}
</script>

<style>

</style>